<script setup>
  import {ref} from 'vue'
  // 	3.双向绑定指令修饰符：让v-model功能更强大
  //    1.v-model.lazy失去焦点（类似输入的提示竖线）时，同步数据
  //    2.v-model.trim自动去除输入的前后空格、
  //    3.v-model.number：讲（数字形式的）字符串转为数字
  let obj = ref({
    name: "",
    age: ""
  })
</script>

<template>
  <div>
    <!-- .lazy -->
    <!-- 姓名：<input type="text" v-model.lazy="obj.name"><br> -->
    <!-- .trim -->
    姓名：<input type="text" v-model.trim="obj.name"><br>
    <!-- .number -->
    年龄：<input type="text" v-model.number="obj.age"><br>
  </div>
</template>

<style scoped>

</style>